<!-- @@ type 样式名字 black icon为黑色样式； white icon为白色样式；  blue 返回首页图标为是蓝色；  yellow 返回首页图标为是黄色； -->
<!-- @@isSearch 是否显示返回首页前的搜索icon -->
<!-- @@buttonClass searchButton 查询数据；  toLink 跳转搜索页； -->
<div id="header" class="header @@type @@isSearch">
  <div class="h-box posf pos-to-center">
    <div class="h-head">
      <div id="returnBack" class="h-return h-icon bg-cover posa"></div>
      <div class="h-logo bg-cover posa pos-to-center"></div>
      <div id="searchOpen" class="h-search h-icon bg-cover posa"></div>
      <a href="./index.html" class="h-returnHome h-icon bg-cover posa"> </a>
    </div>
    <div class="h-main flex">
      <!-- searchUrl 是要跳转的所有链接 -->
      <div class="h-main-box felx-center posr" searchUrl="/search.html?keywords=">
        <input type="text" id="searchInput" placeholder="请输入" class="h-main-input" />
        <button type="button" class="h-main-button h-icon bg-cover @@buttonClass"></button>
      </div>
      <div id="searchClose" class="h-main-close"></div>
    </div>
  </div>
</div>